<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
  /**
   * 数组是对象类型object，不但有length属性，还有操作数组的方法：
   * 1. push 动态向数组的尾部添加一个单元
   * 2. unshit 动态向数组头部添加一个单元
   * 3. pop 删除最后一个单元
   * 4. shift 删除第一个单元
   * 5. splice 动态删除任意单元
   */
  let arr = ['html', 'css', 'javascript'];
  console.log('数组长度：', arr.length);
  showArr('原数组',arr);

  arr.push('vue')
  showArr("arr.push('vue')",arr); // push 动态向数组的尾部添加一个单元

  arr.unshift('java')
  showArr("arr.unshift('java')",arr) // unshit 动态向数组头部添加一个单元

  arr.splice(2,1)
  showArr("arr.splice(2,1)", arr) // splice 从索引值为2(第三个元素)的位置开始删除1个单元

  function showArr(title,arr) {
    document.write("<h2>",title,"</h2>");
    document.write("<h3>",arr,"</h3>");
  }

</script>
</body>
</html>